<!DOCTYPE html>
<html>
<head>
	<title>胎大王首页</title>
	<meta charset="UTF-8">
  <!-- 加载倒计时 -->
  <link href="/jcountdown/jcountdown.css" rel="stylesheet" type="text/css">
  <link href="/jcountdown/tdw.css" rel="stylesheet" type="text/css">
</head>
<body>
  <!-- 倒计时html -->
  <div class="tdw">
    <div class="bk">&nbsp;</div>
    <div class="tdw-block1"></div>
    <div class="tdw-block2"></div>
    <div class="time">
      <div class="countdown"></div>
    </div>
    <div class="tdw-foot">
      2018年06月27日&emsp;中国·广饶
      <small>www.tdw360.com</small>
    </div>
  </div>

<!-- 倒计时js -->
<script src="/jcountdown/jquery-1.8.2.min.js"></script>
<script src="/jcountdown/jquery.jcountdown.min.js"></script>
<script>
  
$(function() {
    config = {
        timeText:  '{$y}/{$m}/{$d} {$h}:{$i}:{$s}', //倒计时时间，格式：年/月/日 时:分:秒
        timeZone:'8' , //时区，GMT号码
        style: "flip", //显示的样式，可选值有flip,slide,metal,crystal(翻动、滑动、金属、水晶)
        color: "white", //显示的颜色，可选值white,black(黑色、白色)
        width: 0, //倒计时宽度，无限制，默认为0
        textGroupSpace: 15, //天、时、分、秒之间间距
        textSpace: 0, //数字之间间距
        reflection: !0, //是否显示倒影
        reflectionOpacity: 9, //倒影透明度
        reflectionBlur: 0, //倒影模糊程度
        dayTextNumber: 2, //倒计时天数数字个数
        displayDay: !0, //是否显示天数
        displayHour: !0, //是否显示小时数
        displayMinute: !0, //是否显示分钟数
        displaySecond: !0, //是否显示秒数
        displayLabel: !0, //是否显示倒计时底部label
        onFinish: function() {
          // $('.tdw').css('display','none');
          // $('.container').css('display','block');
          location.reload();
        }//完成事件，您可以在时间结束时执行一些脚本，在创建倒计时时只需传递一个函数即可。
    };
    $(".countdown").jCountdown(config);
});

</script>
</body>
</html>